{% extends "base.html" %}
{% load staticfiles %}
{% block title %}用户中心{% endblock %}
{% block css %}
	{% include "common/_stylesheets.html" %}
{% endblock %}

{% block content %}
<div class="">
  <div class="page-title">
      <div class="title_left">
        <h3>个人中心</h3>
      </div>
  </div>
    
  <div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">
      <div class="x_title">
        <h2><i class="fa fa-bars"></i> {{ user.username }} </h2>
        <div class="clearfix"></div>
      </div>
      
      <div class="x_content">
        <div class="" role="tabpanel" data-example-id="togglable-tabs">
          <ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
            <li role="presentation" class="active"><a href="#tab_content1" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true"> 信息概览 </a>
            </li>
            <li role="presentation" class=""><a href="#tab_content2" role="tab" id="profile-tab" data-toggle="tab" aria-expanded="false"> 个性化配置 </a>
            </li>
            <li role="presentation" class=""><a href="#tab_content3" role="tab" id="profile-tab2" data-toggle="tab" aria-expanded="false"> 系统配置 </a>
            </li>
          </ul>
          <div id="myTabContent" class="tab-content">
            <div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="home-tab">
              <p>功能建设中...</p>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab">
              <p>功能建设中...</p>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="profile-tab">
              <p>功能建设中... </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block js %} 
	{% include "common/_js.html" %}
{% endblock %}
